<html><!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo - 多图模式</title>
<link rel="stylesheet" href="../../../../../../g.tbcdn.cn/kissy/k/1.3.2/css/dpl/base.css" tppabs="http://g.tbcdn.cn/kissy/k/1.3.2/css/dpl/base.css" />
<link rel="stylesheet" href="assets/demo.css" tppabs="http://docs.kissyui.com/1.3/source/raw/demo/imagezoom/assets/demo.css"/>
<script src="../../../../../../g.tbcdn.cn/kissy/k/1.3.2/seed.js" tppabs="http://g.tbcdn.cn/kissy/k/1.3.2/seed.js" data-config="{combine:true}"></script>
    <style>
        ul li{
            cursor: pointer;
        }
    </style>
</head>
<body>
<div class="demo">
    <a href="#"><img id="multi"
                     data-ks-imagezoom="http://img03.taobaocdn.com/bao/uploaded/i3/T1fftwXf8jXXX7ps79_073021.jpg"
                     src="../../../../../../img03.taobaocdn.com/bao/uploaded/i3/T1fftwXf8jXXX7ps79_073021.jpg_310x310.jpg" tppabs="http://img03.taobaocdn.com/bao/uploaded/i3/T1fftwXf8jXXX7ps79_073021.jpg_310x310.jpg"/></a>
</div>
<ul id="imgList">

    <li>
        <img
                data-bigimagewidth="700"
                data-bigimageheight="700"
                data-has-zoom="true"
             data-ks-imagezoom="http://img03.taobaocdn.com/bao/uploaded/i3/T1fftwXf8jXXX7ps79_073021.jpg"
             src="../../../../../../img03.taobaocdn.com/bao/uploaded/i3/T1fftwXf8jXXX7ps79_073021.jpg_40x40.jpg" tppabs="http://img03.taobaocdn.com/bao/uploaded/i3/T1fftwXf8jXXX7ps79_073021.jpg_40x40.jpg"/>
    </li>
    <li>
        <img src="../../../../../../img06.taobaocdn.com/imgextra/i6/354823861/T2vWNlXbFdXXXXXXXX_!!354823861.jpg_40x40.jpg" tppabs="http://img06.taobaocdn.com/imgextra/i6/354823861/T2vWNlXbFdXXXXXXXX_!!354823861.jpg_40x40.jpg"
             data-bigimagewidth="700"
             data-bigimageheight="700"
             data-has-zoom="true" data-ks-imagezoom="http://img06.taobaocdn.com/imgextra/i6/354823861/T2vWNlXbFdXXXXXXXX_!!354823861.jpg"/>
    </li>
    <li>
        <img src="../../../../../../img05.taobaocdn.com/imgextra/i5/T1DERIXmXsXXa26X.Z_031259.jpg_40x40.jpg" tppabs="http://img05.taobaocdn.com/imgextra/i5/T1DERIXmXsXXa26X.Z_031259.jpg_40x40.jpg"
             data-ks-imagezoom="http://img05.taobaocdn.com/imgextra/i5/T1DERIXmXsXXa26X.Z_031259.jpg"/>
    </li>
</ul>
<script src="assets/demo3.js" tppabs="http://docs.kissyui.com/1.3/source/raw/demo/imagezoom/assets/demo3.js"></script>

</body>
</html>